﻿<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Mooville.QUno.Store"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignWidth="346"
    d:DesignHeight="768"
    x:Class="Mooville.QUno.Store.OptionsControl">
    <Border>
        <Grid Background="{StaticResource SettingsPageBackgroundBrush}" VerticalAlignment="Stretch">
            <Grid.RowDefinitions>
                <RowDefinition Height="80"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <Grid Background="{StaticResource SettingsHeaderBackgroundBrush}" Grid.Row="0" Grid.Column="0">
                <Grid Margin="40,32,17,13" Grid.Row="0" Grid.Column="1">
                    <Grid.Transitions>
                        <TransitionCollection>
                            <EntranceThemeTransition FromHorizontalOffset="50"/>
                        </TransitionCollection>
                    </Grid.Transitions>
                    <Grid.RowDefinitions>
                        <RowDefinition/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>
                    <Button 
                        Name="buttonBack"
                        Margin="0,3,0,0" 
                        HorizontalAlignment="Left" 
                        Style="{StaticResource SettingsBackButtonStyle}" 
                        Grid.Row="0"
                        Grid.Column="0"/>
                    <TextBlock 
                        Text="Options" 
                        Margin="10,0,0,0" 
                        HorizontalAlignment="Left"
                        Style="{StaticResource SettingsHeaderTextStyle}"
                        Grid.Row="0"
                        Grid.Column="1"/>
                    <Image 
                        Source="Assets/SmallLogo.png" 
                        HorizontalAlignment="Right" 
                        Margin="0,0,6,0"
                        Grid.Row="0"
                        Grid.Column="2"/>
                </Grid>
            </Grid>
            <Grid Margin="40,24,23,0" VerticalAlignment="Top" Grid.Row="1" Grid.Column="0">
                <Grid.Transitions>
                    <TransitionCollection>
                        <EntranceThemeTransition FromHorizontalOffset="120"/>
                    </TransitionCollection>
                </Grid.Transitions>
                <StackPanel>
                    <TextBlock Text="Player name" Style="{StaticResource SettingsPageTextStyle}"/>
                    <TextBox Name="textDefaultHumanPlayerName" Text="{Binding Path=DefaultHumanPlayerName}" BorderBrush="Black" Margin="0,0,0,16"/>
                    <TextBlock Text="Number of computer players" Style="{StaticResource SettingsPageTextStyle}"/>
                    <Slider 
                        Name="sliderDefaultComputerPlayers"
                        Value="{Binding Path=DefaultComputerPlayers}"
                        Minimum="{Binding Path=MinimumComputerPlayers}"
                        Maximum="{Binding Path=MaxiumComputerPlayers}"/>
                </StackPanel>
            </Grid>
        </Grid>
    </Border>
</UserControl>
